.htrd-l-holiday {

  .info {
    margin: 10px auto;
    .form {

      .form-group {
        width: 100%;
        height: 50px;
        margin: 0px;

        .key {
          float: left;
          width: 100px;
          line-height: 50px;
          height: 50px;
          text-align: right;
          padding-right: 10px;
        }

        .value {
          padding-left: 10px;
          float: left;
          height: 50px;
          width: 700px;

          input {
            margin: 7px 0px;
            height: 36px;
            border: 1px solid #eee;
            width: 200px;
            border-radius: 2px;
            padding: 0px 10px;
          }

          .dropdown-toggle {
            font-size: 14px;
            margin: 13px 0px;
            border: solid 1px #eee;
            float: left;
            margin-top: 8px;
          }

          .dropdown-menu {
            margin-top: 50px;
          }

          .legend {
            height: 20px;
            margin: 15px 0px;
            margin-right: 15px;

            .icon {
              float: left;
              width: 20px;
              height: 20px;
              border: 1px solid #eee;

              &.work {
                background-color: #f0f9ff;
              }

              &.holiday {
                background-color: #fff9d5;
              }

              &.work-to-holiday {
                background-color: #ffe866;
              }
            }

            .name {
              line-height: 20px;
              margin-left: 6px;
              float: left;
            }
          }

          .text {
            color: #888;
            line-height: 50px;
            height: 50px;
            font-size: 14px;
          }
        }
      }
    }
  }
}

.htrd-list-holiday{
    float: left;
    width: 22px;
    height: 24px;
    margin-left: 5px;
    margin-top: 2px;
    background: url('./../img/sprite/sprite.png') no-repeat -133px -913px;
}

.htrd-creat-holiday-btn{
  float: right;
  height: 33px;
  margin-left: 10px;
  border:1px solid #202020;
  border-radius: 4px;
  &:hover{
    cursor: pointer;
    color:#3b8cff;
    border:1px solid #3b8cff;
    .htrd-list-holiday{
      background: url('./../img/sprite/sprite.png') no-repeat -205px -913px;
    }
  }
}
